home *** CD-ROM | disk | FTP | other *** search
/ PC World 2007 March / PCWorld_2007-03_cd.bin / komunikace / acehtml / acehtmlfreeware.exe / scriptdef / Context Menu.sd < prev    next >
INI File  |  2006-09-13  |  4KB  |  153 lines
  1. [SUBJECT]
  2. Description=Context menu Script
  3. ImageIndex=1
  4. Folder=Menus
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;<!--
  9. ;
  10. ;Developer's notes: This script employs two IE 5 techniques to create the context menu.
  11. ;First, we used the new conditional HTML comment of IE 5 to make the menu degrade perfectly
  12. ;with all browsers. Noticed the "strange" comment tag around the <div>- that's conditional
  13. ;comment that makes the <div> appear only in IE 5! Secondly, we used
  14. ;the new document. oncontextmenu event handler of IE 5 to detect and overide the default
  15. ;window's context menu when the surfer right clicks her mouse, and substitute it with our
  16. ;own instead. Everything else in the code is basic DHTML.
  17. ;
  18. ;-->
  19. ;<style>
  20. ;<!--
  21. ;/*
  22. ;Context menu Script-
  23. ;⌐ Dynamic Drive (www.dynamicdrive.com)
  24. ;Last updated: 99/09/16th
  25. ;For full source code, 100's more DHTML scripts, and Terms Of Use,
  26. ;visit dynamicdrive.com
  27. ;*/
  28. ;
  29. ;#ie5menu{
  30. ;position:absolute;
  31. ;width:200px;
  32. ;border:2px solid black;
  33. ;background-color:menu;
  34. ;font-family:Verdana;
  35. ;line-height:20px;
  36. ;cursor:default;
  37. ;visibility:hidden;
  38. ;}
  39. ;
  40. ;.menuitems{
  41. ;padding-left:15px;
  42. ;padding-right:15px;
  43. ;}
  44. ;-->
  45. ;</style>
  46. ;
  47. ;<script language="JavaScript1.2">
  48. ;//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
  49. ;var display_url=0;
  50. ;
  51. ;
  52. ;function showmenuie5(){
  53. ;//Find out how close the mouse is to the corner of the window
  54. ;var rightedge=document.body.clientWidth-event.clientX;
  55. ;var bottomedge=document.body.clientHeight-event.clientY;
  56. ;
  57. ;//if the horizontal distance isn't enough to accomodate the width of the context menu
  58. ;if (rightedge<ie5menu.offsetWidth)
  59. ;//move the horizontal position of the menu to the left by it's width
  60. ;ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth;
  61. ;if (rightedge >= ie5menu.offsetWidth)
  62. ;//position the horizontal position of the menu where the mouse was clicked
  63. ;ie5menu.style.left=document.body.scrollLeft+event.clientX;
  64. ;
  65. ;//same concept with the vertical position
  66. ;if (bottomedge<ie5menu.offsetHeight)
  67. ;ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight;
  68. ;else
  69. ;ie5menu.style.top=document.body.scrollTop+event.clientY;
  70. ;
  71. ;ie5menu.style.visibility="visible";
  72. ;return false;
  73. ;}
  74. ;
  75. ;function hidemenuie5(){
  76. ;ie5menu.style.visibility="hidden";
  77. ;}
  78. ;
  79. ;function highlightie5(){
  80. ;if (event.srcElement.className=="menuitems"){
  81. ;event.srcElement.style.backgroundColor="highlight";
  82. ;event.srcElement.style.color="white";
  83. ;if (display_url==1)
  84. ;window.status=event.srcElement.url;
  85. ;}
  86. ;}
  87. ;
  88. ;function lowlightie5(){
  89. ;if (event.srcElement.className=="menuitems"){
  90. ;event.srcElement.style.backgroundColor="";
  91. ;event.srcElement.style.color="black";
  92. ;window.status='';
  93. ;}
  94. ;}
  95. ;
  96. ;function jumptoie5(){
  97. ;if (event.srcElement.className=="menuitems")
  98. ;window.location=event.srcElement.url;
  99. ;}
  100. ;</script>
  101. ;
  102.  
  103.  
  104.  
  105. [BODY_TEXT]
  106. ;<!--[if IE]>
  107. ;<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
  108. ;<div class="menuitems" url="`link0`">`caption0`</div>
  109. ;
  110. #insert point for macro text
  111. ;<hr>
  112. ;<div class="menuitems" url="mailto:dynamicdrive@yahoo.com">Email Us</div>
  113. ;</div>
  114. ;<![endif]-->
  115. ;<script language="JavaScript1.2">
  116. ;document.oncontextmenu=showmenuie5;
  117. ;if (document.all&&window.print)
  118. ;document.body.onclick=hidemenuie5;
  119. ;</script>
  120.  
  121.  
  122. [MACRO_ITEM]
  123. ;<div class="menuitems" url="`link`">`caption`</div>
  124. ;
  125.  
  126.  
  127. [`caption`]
  128. Kind=S
  129. Value=Caption
  130.  
  131.  
  132.  
  133. [`caption0`]
  134. Kind=S
  135. Value=Dynamicdrive.com
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142. [`link`]
  143. Kind=U
  144. Value=URL
  145.  
  146. [`link0`]
  147. Kind=U
  148. Value=http://dynamicdrive.com
  149.  
  150.  
  151.  
  152.  
  153.